<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/ticket.css">
    <script src="./js/ticket.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>




</head>

<body>


    <div class="box">

        <div class="list">
            <ul>
                <!-- <li class="p7"><a href="#"><img src="img/1.png" alt="" /></a></li>
                <li class="p6"><a href="#"><img src="img/2.png" alt="" /></a></li>
                <li class="p5"><a href="#"><img src="img/3.png" alt="" /></a></li> -->
                <li class="p4"><a href="#"><img src="image/T011R1080x432M000002WK8nQ3qFlNd.jpg" alt="" /></a></li>
                <li class="p3"><a href="#"><img src="image/T011R1080x432M000003BWqNx2vFapc.jpg" alt="" /></a></li>
                <li class="p2"><a href="#"><img src="image/T011R1080x432M000002WK8nQ3qFlNd.jpg" alt="" /></a></li>
                <li class="p1"><a href="#"><img src="image/T011R1080x432M000003BWqNx2vFapc.jpg" alt="" /></a></li>
            </ul>
        </div>

        <a href="javascript:;" class="prev btn">
            <</a>
                <a href="javascript:;" class="next btn">></a>

                <div class="buttons">
                    <a href="javascript:;"><span class="blue"></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                    <!-- <a href="javascript:;"><span></span></a>
            <a href="javascript:;"><span></span></a>
            <a href="javascript:;"><span></span></a> -->
                </div>
    </div>
    <div class="user w">
        <a href="javascript:;" class="address">武汉 ﹀</a>
        <div class="hidden">
            <div class="hd">

                <ul>
                    <li class="l1">当前城市</li>
                    <li><a href="javascript:;">武汉</a></li><br>
                    <li class="l1">热门城市</li>
                    <li><a href="javascript:;">全国</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">上海</a></li>
                    <li><a href="javascript:;">广州</a></li>
                    <li><a href="javascript:;">深圳</a></li>
                    <li><a href="javascript:;">成都</a></li>
                    <li><a href="javascript:;">武汉</a></li>
                </ul>
            </div>
            <div class="find">
                <h4>按字母查找</h4>
                <ul>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                    <li><a href="javascript:;">B</a></li>
                </ul>
            </div>
            <div class="city">
                <ul>
                    <li>B</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>C</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>D</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>


                    <li>F</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>
                    <br>
                    <li>G</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>H</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>J</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>K</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>L</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>

                    <li>M</li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li>
                    <li><a href="javascript:;">北京</a></li><br>
                </ul>
            </div>
            <span class="triangle">∧</span>
        </div>
        <div class="search"><input type="text" name="" id="" value="搜索票务">
            <button class="iconfont iconfangdajing"></button>
        </div>
        <a href="javascript:;" class="order">我的订单 ></a>

    </div>
    <div class="title w">
        <ul>
            <li>
                <a href="javascript:;"></a><span>全部</span>
            </li>
            <li>
                <a href="javascript:;"></a><span>演唱会</span>
            </li>
            <li>
                <a href="javascript:;"></a><span>LiveHouse</span>
            </li>
            <li>
                <a href="javascript:;"></a><span>音乐会</span>
            </li>
            <li>
                <a href="javascript:;"></a><span>跳舞芭蕾</span>
            </li>
            <li>
                <a href="javascript:;"></a><span>话剧歌剧</span>
            </li>
            <li>
                <a href="javascript:;"></a><span>其他演出</span>
            </li>
        </ul>
    </div>
    <div class="content w">
        <div class="vocal-concert">
            <div class="hd">
                <h1>演唱会</h1>
            </div>
            <div class="bd">
                <div class="bd-l">
                    <div class="zoom"><a href="javascript:;"><img src="./image/T017M000004PVuDq1zlmXB.jpg" alt=""
                                srcset=""></a></div>
                    <div class="bottom-bar">
                        <h3>M-LAB 呈献 | 声音玩具「劳动之余」2021 全国巡演 武汉站</h3>
                        <div class="s2"><span>￥230</span><span class="qi">起</span> <span class="s3"><i
                                    class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                    </div>
                </div>
                <div class="bd-r">
                    <ul>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000003eIRoz1YLyhV.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">丁当《当我们再一起》2021 Live House Tour-武汉站</span>
                                <p class="p1">2021.05.29</p>
                                <p>不晚IN TIME LIVE</p>
                                <div class="s2"><span class="s4">￥230</span><span class="qi">起</span> <span
                                        class="s3"><i class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>

                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M0000000y94T08eE7O.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">MOJOHAND 2020/2021新专辑全<br>国巡演-武汉站</span>
                                <p class="p1">2021.06.04</p>
                                <p>L7 livehouse·演艺厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M0000046OHAi0u4bQs.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">旅行团乐队“似近似远”、“似你似我”2021双专场巡演-武汉站</span>
                                <p class="p1">2021.06.05</p>
                                <p>不晚IN TIME LIVE</p>
                                <div class="s2"><span>￥218</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M0000040K0fr2X5bGC.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">极光乐队《2021 和平与爱·纪念家驹逝世28载》巡回演唱会武汉站</span>
                                <p class="p1">2021.06.18</p>
                                <p>L7 livehouse·演艺厅</p>
                                <div class="s2"><span>￥198</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
        <div class="vocal-concert">
            <div class="hd">
                <h1>LiveHouse</h1>
            </div>
            <div class="bd">
                <div class="bd-l">
                    <div class="zoom"><a href="javascript:;"><img src="./image/T017M000002HIe2W4Ok4F9.jpg" alt=""
                                srcset=""></a></div>
                    <div class="bottom-bar">
                        <h3>白百EndlessWhite【浪里有我的珍珠】2021巡演 武汉站</h3>
                        <div class="s2"><span>￥90</span><span class="qi">起</span></div>
                    </div>
                </div>
                <div class="bd-r">
                    <ul>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000001oI4bG3c3dSQ.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">「日落排档」·麒麟三重奏Kirin Trio 2021巡演</span>
                                <p class="p1">2021.04.18</p>
                                <p>武汉 VOX LIVEHOUSE</p>
                                <div class="s2"><span>￥8</span><span class="qi">起</span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000003xJKEt0RLSTR.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">Project Ace 「王牌浪潮」2021巡演 武汉站</span>
                                <p class="p1">2021.04.24</p>
                                <p>L7 livehouse·演艺厅</p>
                                <div class="s2"><span>￥108</span><span class="qi">起</span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000002mZeEP3P1hRk.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">【秀动呈献】布鹅岛乐队2021巡演 武汉站</span>
                                <p class="p1">2021.05.01</p>
                                <p>武汉 VOX LIVEHOUSE</p>
                                <div class="s2"><span>￥80</span><span class="qi">起</span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000003jkYnb2gM4IZ.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">赫兹乐队“你喜欢的样子我都没有”巡演 武汉站</span>
                                <p class="p1">2021.05.02</p>
                                <p>武汉 VOX LIVEHOUSE</p>
                                <div class="s2"><span>￥80</span><span class="qi">起</span></div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
        <div class="vocal-concert">
            <div class="hd">
                <h1>音乐会</h1>
            </div>
            <div class="bd">
                <div class="bd-l">
                    <div class="zoom"><a href="javascript:;"><img src="./image/T017M000003G99WN4KbEXh.jpg" alt=""
                                srcset=""></a></div>
                    <div class="bottom-bar">
                        <h3>“爱乐之城”---经典电影音乐作品演奏会</h3>
                        <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                    class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                    </div>
                </div>
                <div class="bd-r">
                    <ul>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000002290601GOPFf.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">“致·爱丽丝”经典浪漫钢琴名曲音乐会</span>
                                <p class="p1">2021.05.15</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000000W6Vup2MdQVw.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">《天空之城》久石让 宫崎骏动漫经典音乐作品演奏会</span>
                                <p class="p1">2021.05.22</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000002fFluJ1vdy2h.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">《卡农Canon In D》永恒经典名曲精选音乐会</span>
                                <p class="p1">2021.06.20</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="javascript:;"> <img src="./image/T017M000003tSpD63dgnA3.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="javascript:;" class="fr">
                                <span class="s1">梦回莱茵河畔-德国十九世纪室内乐作品音乐会</span>
                                <p class="p1">2021.09.19</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥50</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>

    </div>


</body>

</html>